import GpuCanvas from "../../components/GpuCanvas";
import { useState } from "react";
// @ts-ignore
import DatGui, { DatSelect } from "react-dat-gui";

export default function CameraSample() {
  const appName = "Camera";
  const [selectData, setSelectData] = useState({
    type: "arcball",
  });
  const onDataChange = (data: any) => {
    setSelectData({ ...selectData, ...data });
  };
  return (
    <>
      <GpuCanvas app={appName} data={selectData} />
      <DatGui data={selectData} onUpdate={onDataChange}>
        <DatSelect
          path="type"
          label="type"
          options={["arcball", "WASD"]}
        ></DatSelect>
      </DatGui>
    </>
  );
}
